<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>博裕隆首页展示</title>
    <link href="css/index.css" rel="stylesheet">
    <link href="css/jquery.fullpage.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/media.css" rel="stylesheet">
    <script src="js/jquery-1.7.1.min.js"></script>
    <script src="js/jquery.fullpage.min.js"></script>
    <script src="js/jquery.ui.min.js"></script>
    <script src="js/iealert.js"></script>
</head>
<body>
<div id="fullpage">
    <!-- 固定logo位置-->
    <div class="logo"><img src="img/logo_03.png" ></div>
    <!-- 第一屏，视频播放-->
    <div class="section" id="section1">
        <div class="video_max clearfix">
            <video class="video_play" autoplay loop id="video">
                <source src="img/video.mp4" type="video/mp4">
            </video>
        </div>
    </div>
    <!-- 第一屏，结束-->
    <!-- 第二屏，公司简介-->
    <div class="section" id="section2">
        <div class="fullcontent">
            <div class="piti">
                <p class="titie_1"></p>
                <p class="titie_2"></p>
                <p class="titie_3"></p>
            </div>
            <div class="introduction">
                <div class="introduction_bottom">
                    <p id="p1">张家界博裕隆传媒有限公司是以汽车文化为一体的多元化公司，公司主要经营：极限汽车表演馆、汽车内饰改装、</p>
                    <p id="p2">汽车动力系统改装、房车露营基 地、UTV越野锦标赛、专业越野赛道，本公司拥有世界著名的ABT改装团队（此</p>
                    <p id="p3">团队参加改装过奔驰、宝马、丰田汽车的动力系统并参与速度与激 情电影的汽车改装）</p>
                    <div class="more">
                        <span class="open_more" id="open_more">more</span>
                        <span class="arrow"></span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 点击more弹出事件 -->
        <div class="more_show">
            <div class="Nav_colse" id="more_close"><b></b></div>
             <ul class="about_box">
                <li class="about_item bg1">
                    <a href="About/introduction.html">
                        <div>
                           <h2><img src="img/abot1.png"></h2>
                            <p>公司简介</p>
                            <b>view more</b>
                        </div>
                    </a>
                </li>
                <li class="about_item bg2">
                    <a href="About/project.html">
                        <div>
                            <h2><img src="img/abot2.png"></h2>
                            <p>项目介绍</p>
                            <b>view more</b>
                        </div>
                    </a>
                </li>
                <li class="about_item bg3">
                    <a href="About/cooperation.html">
                        <div>
                            <h2><img src="img/abot3.png"></h2>
                            <p>合作计划</p>
                            <b>view more</b>
                        </div>
                    </a>
                </li>
                <li class="about_item bg4">
                    <a href="About/contact.html">
                        <div>
                            <h2><img src="img/abot4.png"></h2>
                            <p>联系我们</p>
                            <b>view more</b>
                        </div>
                    </a>
                </li>
             </ul>
        </div>
    </div>
    <!-- 第二屏，结束-->
    <!-- 第三屏，项目介绍-->
    <div class="section" id="section3">
        <div class="fullcontent">
            <div class="piti">
                <p class="titie_1"></p>
                <p class="titie_2"></p>
                <p class="titie_3"></p>
            </div>
            <div class="Project">
                <ul class="Project_box">
                    <li class="Project_left">
                        <div class="Project_one">
                            <a href="Program/Program.html">
                                <div class="Primg"><img src="img/primg1.jpg"></div>
                                <div class="Pr_mask"></div>
                                <div class="pr_order1"></div>
                                <div class="Pra1"></div>
                                <div class="Prtxt1">Passion国际汽车特技表演场馆</div>
                            </a>
                        </div>
                        <div class="Project_two">
                            <a href="Program/Program.html">
                                <div class="Primg2"><img src="img/primg2.jpg"> </div>
                                <div class="Pr_mask"></div>
                                <div class="pr_order1"></div>
                                <div class="Prtxt2">Drift, cross-country</div>
                                <div class="Prtxt3">
                                   <span class="prborder1">
                                       <span class="prbg">— 漂移、越野训练场地 —</span>
                                   </span>
                                </div>
                            </a>
                        </div>
                    </li>
                    <li class="Project_middle">
                        <div class="Project_three">
                            <a href="Program/Program.html">
                                <div class="Primg3"><img src="img/primg3.jpg"> </div>
                                <div class="Pr_mask"></div>
                                <div class="pr_order1"></div>
                                <div class="Prtxt4">汽车漂移、汽车越野教学的教练</div>
                            </a>
                        </div>
                    </li>
                    <li class="Project_right">
                        <div class="Project_four">
                            <a href="Program/Program.html">
                                <div class="Primg4"><img src="img/primg4.jpg"></div>
                                <div class="Pr_mask"></div>
                                <div class="pr_order1"></div>
                                <div class="Pra1"></div>
                                <div class="Prtxt5">汽车改装车间</div>
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 第三屏，结束-->
    <!-- 第四屏，车队成员-->
    <div class="section" id="section4">
        <div class="fullcontent">
            <div class="piti">
                <p class="titie_1"></p>
                <p class="titie_2"></p>
                <p class="titie_3"></p>
            </div>
            <div class="Team_member">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="Driver/driver_xq.html">
                                <div class="swiper_img">
                                    <span><img src="img/cy1.jpg"></span>
                                </div>
                                <div class="swiper_text">
                                    <h3>IVAN 亿万—EXTRME STUNT EVOLUTION车队</h3>
                                    <p>车队四核心之一，沉迷于汽车改装的西班牙车手，在从事汽车极限特技表演的多年时间，凭借着丰富的阅......</p>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="Driver/driver_xq.html">
                                <div class="swiper_img">
                                    <span><img src="img/cy2.jpg"></span>
                                </div>
                                <div class="swiper_text">
                                    <h3>GIANFRANCO詹柯—EXTRME STUNT EVOLUTION车队</h3>
                                    <p>十项全能的车队队长，出生意大利，精通四国语言，他是电影舞台表演工程系、汽车理学系、机械学系的学士......</p>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="Driver/driver_xq.html">
                                <div class="swiper_img">
                                    <span><img src="img/cy3.jpg"></span>
                                </div>
                                <div class="swiper_text">
                                    <h3>MARIANA玛瑞娜—EXTRME STUNT EVOLUTION车队</h3>
                                    <p>车队双花旦之一，温柔美丽的罗马利亚人，从小有着与外表截然不同的冒险精神，因热爱汽车极限特技......</p>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="Driver/driver_xq.html">
                                <div class="swiper_img">
                                    <span><img src="img/cy1.jpg"></span>
                                </div>
                                <div class="swiper_text">
                                    <h3>IVAN 亿万—EXTRME STUNT EVOLUTION车队</h3>
                                    <p>车队四核心之一，沉迷于汽车改装的西班牙车手，在从事汽车极限特技表演的多年时间，凭借着丰富的阅......</p>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="Driver/driver_xq.html">
                                <div class="swiper_img">
                                    <span><img src="img/cy2.jpg"></span>
                                </div>
                                <div class="swiper_text">
                                    <h3>GIANFRANCO詹柯—EXTRME STUNT EVOLUTION车队</h3>
                                    <p>十项全能的车队队长，出生意大利，精通四国语言，他是电影舞台表演工程系、汽车理学系、机械学系的学士......</p>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="Driver/driver_xq.html">
                                <div class="swiper_img">
                                    <span><img src="img/cy1.jpg"></span>
                                </div>
                                <div class="swiper_text">
                                    <h3>IVAN 亿万—EXTRME STUNT EVOLUTION车队</h3>
                                    <p>车队四核心之一，沉迷于汽车改装的西班牙车手，在从事汽车极限特技表演的多年时间，凭借着丰富的阅......</p>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="Driver/driver_xq.html">
                                <div class="swiper_img">
                                    <span><img src="img/cy1.jpg"></span>
                                </div>
                                <div class="swiper_text">
                                    <h3>IVAN 亿万—EXTRME STUNT EVOLUTION车队</h3>
                                    <p>车队四核心之一，沉迷于汽车改装的西班牙车手，在从事汽车极限特技表演的多年时间，凭借着丰富的阅......</p>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="Driver/driver_xq.html">
                                <div class="swiper_img">
                                    <span><img src="img/cy2.jpg"></span>
                                </div>
                                <div class="swiper_text">
                                    <h3>GIANFRANCO詹柯—EXTRME STUNT EVOLUTION车队</h3>
                                    <p>十项全能的车队队长，出生意大利，精通四国语言，他是电影舞台表演工程系、汽车理学系、机械学系的学士......</p>
                                </div>
                            </a>
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-button-next swiper-button-black"></div>
                    <div class="swiper-button-prev swiper-button-black"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 第四屏，结束-->
    <!-- 第五屏，媒体中心-->
    <div class="section" id="section5">
        <div class="fullcontent">
            <div class="piti">
                <p class="titie_1"></p>
                <p class="titie_2"></p>
                <p class="titie_3"></p>
            </div>
            <div class="Media_center">
                <ul class="Media_box">
                    <li class="Media_left">
                        <a href="Media/Media_xq.html">
                            <div class="Media_img"><img src="img/medimg1.jpg"></div>
                            <div class="Media_text">
                                <h3>新闻资讯</h3>
                                <p>张家界车攀森国际汽车技表演馆与STUNT MASTERS车队倾情合作,联手打造,深度包装一台国际顶级，国内唯一</p>
                            </div>
                        </a>
                    </li>
                    <li class="Media_middle">
                        <a href="Media/Media_xq.html">
                            <div class="Media_text">
                                <h3>精彩活动</h3>
                                <p>张家界车攀森国际汽车技表演馆与STUNT MASTERS车队倾情合作,联手打造,深度包装一台国际顶级，国内唯一</p>
                            </div>
                            <div class="Media_img"><img src="img/medimg2.jpg"></div>
                        </a>
                    </li>
                    <li class="Media_right">
                        <a href="Media/Media_xq.html">
                            <div class="Media_img"><img src="img/medimg3.jpg"></div>
                            <div class="Media_text">
                                <h3>圈内动态</h3>
                                <p>张家界车攀森国际汽车技表演馆与STUNT MASTERS车队倾情合作,联手打造,深度包装一台国际顶级，国内唯一</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 第五屏，结束-->
    <!-- 第六屏，精彩图库-->
    <div class="section" id="section6">
        <div class="fullcontent">
            <div class="piti">
                <p class="titie_1"></p>
                <p class="titie_2"></p>
                <p class="titie_3"></p>
            </div>
        </div>
         <div class="photobox">
             <div class="swiper-container">
                 <div class="swiper-wrapper">
                     <div class="swiper-slide">
                       <a href="gallery/gallery_img.html">
                         <div class="photxt">
                             <div class="photo_mask"></div>
                             <div class="phobg">
                               <img src="img/photo1.jpg">
                             </div>
                           <div class="ph_bottom">
                             <span class="phot1"></span>
                             <span class="phot2">张家界汽车特技</span>
                             <span class="phot3"></span>
                           </div>
                         </div>
                       </a>
                     </div>
                     <div class="swiper-slide">
                         <a href="gallery/gallery_img.html">
                             <div class="photxt">
                                 <div class="photo_mask"></div>
                                 <div class="phobg">
                                     <img src="img/photo1.jpg">
                                 </div>
                                 <div class="ph_bottom">
                                     <span class="phot1"></span>
                                     <span class="phot2">张家界汽车特技</span>
                                     <span class="phot3"></span>
                                 </div>
                             </div>
                         </a>
                     </div>
                     <div class="swiper-slide">
                         <a href="gallery/gallery_img.html">
                             <div class="photxt">
                                 <div class="photo_mask"></div>
                                 <div class="phobg">
                                     <img src="img/photo1.jpg">
                                 </div>
                                 <div class="ph_bottom">
                                     <span class="phot1"></span>
                                     <span class="phot2">张家界汽车特技</span>
                                     <span class="phot3"></span>
                                 </div>
                             </div>
                         </a>
                     </div>
                     <div class="swiper-slide">
                         <a href="#">
                             <div class="photxt">
                                 <div class="photo_mask"></div>
                                 <div class="phobg">
                                     <img src="img/photo1.jpg">
                                 </div>
                                 <div class="ph_bottom">
                                     <span class="phot1"></span>
                                     <span class="phot2">张家界汽车特技</span>
                                     <span class="phot3"></span>
                                 </div>
                             </div>
                         </a>
                     </div>
                     <div class="swiper-slide">
                         <a href="#">
                             <div class="photxt">
                                 <div class="photo_mask"></div>
                                 <div class="phobg">
                                     <img src="img/photo1.jpg">
                                 </div>
                                 <div class="ph_bottom">
                                     <span class="phot1"></span>
                                     <span class="phot2">张家界汽车特技</span>
                                     <span class="phot3"></span>
                                 </div>
                             </div>
                         </a>
                     </div>
                 </div>
                 <!-- Add Pagination -->
                 <div class="swiper-button-prev"></div>
                 <div class="swiper-button-next"></div>
             </div>
         </div>
        <div class="Photo_bottom"><span></span></div>
    </div>
    <!-- 第六屏，结束-->
    <!-- 第七屏，联系我们-->
    <div class="section" id="section7">
        <div class="fullcontent">
            <div class="piti">
                <p class="titie_1"></p>
                <p class="titie_2"></p>
                <p class="titie_3"></p>
            </div>
            <div class="contactbox">
                <p class="conta1"></p>
                <p class="conta2">张家界博裕隆文化传媒有限责任公司</p>
                <p class="conta3"><span>联系电话：400-6618-858</span><span>电话：0744-8260087</span><span>邮箱：1847775032@qq.com</span></p>
                <p class="conta4">场馆地址：湖南省张家界市永定区白杨坡</p>
                <p class="conta5">办公地址：张家界市永定区紫舞骊珠A栋1205室</p>
                <p class="conta6"></p>
                <p class="conta7">关注微信公众号</p>
                <p class="conta8">
                    <span><em class="wx1"></em><i>passion汽车特技</i></span>
                    <span><em class="wx2"></em><i>攀森汽车特技</i></span>
                </p>
                <div class="Copyright">©Copyright2017张家界博裕隆文化传媒有限责任公司版权所有<em>湘ICP备05011961号</em><em><a href="#">技术支持：湖南畅旅</a></em></div>
            </div>
        </div>
    </div>
    <!-- 第七屏，结束-->
</div>
<!-- 首页固定导航 -->
<div class="Navigation">
    <div class="Navright">
        <div class="menu_handler" id="menu_handler">
            <span class="buger buger_1"></span>
            <span class="buger buger_2"></span>
            <span class="buger buger_3"></span>
        </div>
        <div class="menu_navigat"><em>MENU</em><i>导航</i></div>
        <div class="btn" id="btn_play" state='1'></div>
    </div>

    <div class="Nav_Mask" id="Nav_Mask">
        <div class="Nav_colse" id="Nav_colse"><b></b></div>
          <dl class="nav_box">
              <dd>
                  <p class="nav_o"><a href="About/introduction.html">关于我们</a></p>
                  <ul class="subnav_box">
                    <li><a href="About/introduction.html">公司概况</a></li>
                    <li><a href="About/project.html">项目介绍</a></li>
                    <li><a href="About/cooperation.html">合作计划</a></li>
                    <li><a href="About/contact.html">联系我们</a></li>
                  </ul>
              </dd>
              <dd>
                  <p class="nav_o"><a href="Driver/driver.html">车手介绍</a></p>
                  <ul class="subnav_box">
                      <li><a href="Driver/driver.html">车手简介</a></li>
                  </ul>
              </dd>
              <dd>
                  <p class="nav_o"><a href="Program/Program.html">节目介绍</a></p>
                  <ul class="subnav_box">
                      <li><a href="Program/Program.html">节目表</a></li>
                  </ul>
              </dd>
              <dd>
                  <p class="nav_o"><a href="Media/Media.html">媒体中心</a></p>
                  <ul class="subnav_box">
                      <li><a href="Media/Media.html">新闻资讯</a></li>
                      <li><a href="Media/Media.html">精彩活动</a></li>
                      <li><a href="Media/Media.html">圈内动态</a></li>
                  </ul>
              </dd>
              <dd>
                  <p class="nav_o"><a href="Culture/Automobile_culture.html">汽车文化</a></p>
                  <ul class="subnav_box">
                      <li><a href="Culture/Automobile_culture.html">汽车知识</a></li>
                      <li><a href="Culture/Automobile_culture.html">汽车改装</a></li>
                  </ul>
              </dd>
              <dd>
                  <p class="nav_o"><a href="video/video_list.html">视频中心</a></p>
                  <ul class="subnav_box">
                      <li><a href="video/video_list.html">视频集锦</a></li>
                  </ul>
              </dd>
              <dd>
                  <p class="nav_o"><a href="gallery/gallery_list.html">精彩图库</a></p>
                  <ul class="subnav_box">
                      <li><a href="gallery/gallery_list.html">怪物车</a></li>
                      <li><a href="gallery/gallery_list.html">房车</a></li>
                      <li><a href="gallery/gallery_list.html">变形金刚机器人</a></li>
                      <li><a href="gallery/gallery_list.html">车展</a></li>
                  </ul>
              </dd>
              <dd>
                  <p class="nav_o"><a href="entertainment/entertainment.html">休闲娱乐</a></p>
                  <ul class="subnav_box">
                      <li><a href="entertainment/entertainment.html">越野</a></li>
                      <li><a href="entertainment/entertainment.html">露营</a></li>
                  </ul>
              </dd>
              <dd>
                  <p class="nav_o"><a href="order/Product.html">产品预定</a></p>
                  <ul class="subnav_box">
                      <li><a href="order/Product.html">门票</a></li>
                      <li><a href="order/Product.html">汽车酒店</a></li>
                      <li><a href="order/Product.html">餐饮</a></li>
                      <li><a href="order/Product.html">相关产品</a></li>
                  </ul>
              </dd>
          </dl>
    </div>
</div>
<!--&lt;!&ndash;&lt;!&ndash; 加载动画 &ndash;&gt;&ndash;&gt;-->
<div class="index_anmaite">
  <div class="anmaite_img bgn">
    <p class="imga1"><img src="img/P.png"></p>
    <p class="imga2"><img src="img/A.png"></p>
    <p class="imga3"><img src="img/S.png"></p>
    <p class="imga4"><img src="img/S1%20.png"></p>
    <p class="imga5"><img src="img/I.png"></p>
    <p class="imga6"><img src="img/O.png"></p>
    <p class="imga7"><img src="img/N.png"></p>
  </div>
</div>
<script src="js/index.js"></script>
<script src="js/swiper.min.js"></script>
<script>
    $(document).ready(function() {
        $("body").iealert();
    });
</script>
</body>
</html>